@charset "utf-8";
@import 'reset';
@import 'common';

.web {
    main {
        .regist-title {
            margin:65px auto 0;
            width:265px;
            text-align:center;
            &::before {
                content:"";
                display: block;
                width:100%;
                height:0px;
                border-top:1px solid $color;
            }
            h5 {
                transform:translate(50%,-50%);
                width:128px;
                padding-left:15px;
                font-size:14px;
                font-weight:bolder;
                text-align: justify;
                letter-spacing:18px;
                background-color: #fff;
                span {
                    font-size:9px;
                    font-weight:normal;
                    color:#3d3d3d;
                    letter-spacing:-1px;
                }
            }
        }
        .regist-form {
            margin:30px auto;
            font-size: 14px;
            form {
                table {
                    margin:0 auto;
                    // width:655px;
                    caption {
                        margin-bottom:40px;
                    }
                    tbody {
                        tr {
                            display: flex;
                            align-items: center;
                            margin-bottom:25px;
                            td:first-child {
                                width:80px;
                                height:15px;
                                font-weight: bold;
                            }
                            td:last-child {
                                &.sex {
                                    font-size: 12px;
                                    display:flex;
                                }
                                input {
                                    width:210px;
                                    height:20px;
                                    outline:none;
                                    border:1px solid #9ac1c0;
                                    &[type=radio] {
                                        width:7px;
                                        height:7px;
                                    }
                                    &[type=checkbox] {
                                        width:15px;
                                        height:13px;
                                        margin-right:24px;
                                        vertical-align: text-bottom;
                                    }
                                }
                                span {
                                    margin-left:23px;
                                    color:#ff0000;
                                    i {
                                        font-size: 12px;
                                    }
                                }
                                select {
                                    margin-right:23px;
                                    width:167px;
                                    height:18px;
                                    border:1px solid #9ac1c0;
                                }
                                &.captcha {
                                    display: flex;
                                    align-items: center;
                                    input {
                                        width:63px;
                                        height:18px;
                                    }
                                    img {
                                        margin:0 4px;
                                        width:57px;
                                        height:18px;
                                    }
                                    p {
                                        font-size: 12px;
                                        a {
                                            color:#ff0000;
                                            text-decoration: none;
                                        }
                                    }
                                }
                            }
                            &.vip {
                                align-items: flex-start;
                                td:first-child {
                                    width:100px;
                                    height:15px;
                                }
                                td:last-child {
                                    padding:10px 34px 8px 11px;
                                    width:549px;
                                    height:116px;
                                    box-sizing: border-box;
                                    border:1px solid #9ac1c0;
                                    p {
                                        width:504px;
                                        height:98px;
                                        font-size: 12px;
                                        line-height: 16px;
                                        color:#000;
                                    }
                                }
                            }
                        }
                    }
                    tfoot {
                        tr {
                            td {
                                .btn {
                                    margin:0 auto;
                                    width:121px;
                                    height:33px;
                                    border-radius:5px;
                                    text-align: center;
                                    line-height: 33px;
                                    font-size: 16px;
                                    font-weight: bold;
                                    color: #fff;
                                    background-color: #6db6ff;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}